<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
		<meta name="author" content="SkyKiDS" />
		<meta name="keywords" content="계산기, calculator" />
		<meta name="description" content="계산기입니다." />
		<title>계산기, a calculator.</title>
		<style type="text/css">
		<!--
			img {border:0;}

			.panel {width:283px; height:20px; text-align:right; vertical-align:bottom; padding-right:5px; padding-top:5px;}
			.button {width:70px; height:50px;}
			.equal {width:100%; height:50px;}
		// -->
		</style>
		<script type="text/javascript">
		<!-- <![CDATA[
			function inputMethod(n) {
				if (document.getElementById("panel").value == "0") {
					if (n == ".") {
						document.getElementById("panel").value += n;
					}
					else {
						document.getElementById("panel").value = n;
					}
				}
				else {
					document.getElementById("panel").value += n;
				}
			}

			function calculation() {
				document.getElementById("panel").value = eval(document.getElementById("panel").value);
			}
		// ]]> -->
		</script>
	</head>
	<body>
<div id="wrapper">
	<form id="calForm" action="" method="post">
	<table style="border:1px solid black; padding:5px;">
		<tr>
			<td colspan="4"><input id="panel" type="text" class="panel" value="0" readonly="readonly" /></td>
		</tr>
		<tr>
			<td><input type="button" class="button" value="7" onclick="inputMethod(this.value);" accesskey="7" /></td>
			<td><input type="button" class="button" value="8" onclick="inputMethod(this.value);" accesskey="8" /></td>
			<td><input type="button" class="button" value="9" onclick="inputMethod(this.value);" accesskey="9" /></td>
			<td><input type="button" class="button" value="+" onclick="inputMethod(this.value);" accesskey="+" /></td>
		</tr>
		<tr>
			<td><input type="button" class="button" value="4" onclick="inputMethod(this.value);" accesskey="4" /></td>
			<td><input type="button" class="button" value="5" onclick="inputMethod(this.value);" accesskey="5" /></td>
			<td><input type="button" class="button" value="6" onclick="inputMethod(this.value);" accesskey="6" /></td>
			<td><input type="button" class="button" value="-" onclick="inputMethod(this.value);" accesskey="-" /></td>
		</tr>
		<tr>
			<td><input type="button" class="button" value="1" onclick="inputMethod(this.value);" accesskey="1" /></td>
			<td><input type="button" class="button" value="2" onclick="inputMethod(this.value);" accesskey="2" /></td>
			<td><input type="button" class="button" value="3" onclick="inputMethod(this.value);" accesskey="3" /></td>
			<td><input type="button" class="button" value="*" onclick="inputMethod(this.value);" accesskey="*" /></td>
		</tr>
		<tr>
			<td><input type="button" class="button" value="0" onclick="inputMethod(this.value);" accesskey="0" /></td>
			<td><input type="button" class="button" value="00" onclick="inputMethod(this.value);" /></td>
			<td><input type="button" class="button" value="." onclick="inputMethod(this.value);" accesskey="." /></td>
			<td><input type="button" class="button" value="/" onclick="inputMethod(this.value);" accesskey="/" /></td>
		</tr>
		<tr>
			<td><input id="clear" type="reset" class="button" value="C" accesskey="c" /></td>
			<td colspan="3"><input id="equal" type="button" class="equal" value="=" onclick="calculation();" accesskey="=" /></td>
		</tr>
	</table>
	</form>
<p><a href="http://validator.w3.org/check?uri=referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a></p>
</div>
	</body>
</html>